<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lunbo.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
      	<script src="js/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="css/css/bootstrap.min.css"/>

	</head>

	<body>
	<style type="text/css">			
		
			
		</style>
	</head>
 
	<body>
		
		<iframe src="head.html" width="100%" height="200px"scrolling="no" frameborder="0"></iframe>	
            	<div class="head-top">
					<div class="banner-box mb20">
						<!--大图列表-->
						<ul class="pics-list">
							<li>
								<a href="album-detail.html"><img src="img/1.jpg" /></a>
							</li>
							<li>
								<a href="album-detail.html"><img src="img/2.jpg" /></a>
							</li>
							<li>
								<a href="album-detail.html"><img src="img/3.jpg" /></a>
							</li>
							<li>
								<a href="album-detail.html"><img src="img/4.jpg" /></a>
							</li>
							<!--            <li><a href="album-detail.html"><img src="img/src=http___p9.itc.cn_q_70_images03_20210130_a8435bfb76884911834d7c0274cb467d.jpeg&refer=http___p9.itc.jpg"/></a></li>
-->
						</ul>
						<!--指示点列表-->
						<ul class="points-list">
							<li class="active">●</li>
							<li>●</li>
							<li>●</li>
							<li>●</li>
							<li>●</li>
						</ul>
						<div class="buts">
							<a href="javascript:;" class="prev"></a>
							<a href="javascript:;" class="next"></a>
						</div>
					</div>
				</div>
               
				<!--酒店-->
				<!--<div class="scene-box-maina">
					<ul>
						<li><img src="" alt="" />
							<a href="">
								<p>
									<h1>美食分享</h1>
									<h3>这是盐的味道，山的味道，风的味道，阳光的味道，也是时间的味道，人情的味道。</h3>
									<h3>这些味道，已经在漫长的时光中和故土、乡亲、念旧、勤俭、坚忍等等情感和信念混合在一起，</h3>
									<h3>才下舌尖，又上心间，让我们几乎分不清哪一个是滋味，哪一种是情怀。</h3>
									<h3></h3>
								</p>
							</a>
						</li>

					</ul>
				</div>-->
				
	<div class="content-title">
				<img id="img1" src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/left red.png" alt="">
				<p>预约购票</p>
				<img id="img2" src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/right red.png" alt="">
			</div>
			
	<div class="content-left flex1">
			
			
			<div class="content-left-box">
				<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
 	<div onclick="playOnline()">
					<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/ticket.png" alt="在线购票">
					<h3>在线购票</h3>
					<p>
						在线实时预定，更方便快捷
					</p>
				</div>
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        	
      </div>
      <div class="modal-body">
        未开启此功能
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary"data-dismiss="modal">确认</button>
      </div>
    </div>
  </div>
</div>


<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
 	<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/explain.png" alt="在线购票">
					<h3>导览讲解</h3>
					<p>
						边走边听，专属导游服务
					</p>
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        	
      </div>
      <div class="modal-body">
        未开启此功能
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary"data-dismiss="modal">确认</button>
      </div>
    </div>
  </div>
</div>




<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
 	<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/strategy.png" alt="在线购票">
					<h3>旅游攻略</h3>
					<p>
						让你的旅程更加充实和明确
					</p>
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        	
      </div>
      <div class="modal-body">
        未开启此功能
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary"data-dismiss="modal">确认</button>
      </div>
    </div>
  </div>
</div>

				<a href="">
					
				</a>
				<a href="">
					
				</a>
			</div>
		</div>
<div class="sa">
	<video width="515" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">

</video>

</div>


<div class="message-box wapper">
		<div id="notice-box">
	<div class="notice-left">
		<div class="message-title">
			<span>景区公告</span>
			
		</div>
		
		<ul>
			
			<a href="">
				<li>
					<div class="overhide flex2 notice-content">关于恢复凤凰小镇核心九景全面开放的公告</div>
					<div class="message-btn">
						2020-09-30 10:51:12
						<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/point right 1.png" alt="详情">
					</div>
				</li>
			</a>
			
			<a href="">
				<li>
					<div class="overhide flex2 notice-content">关于恢复凤凰小镇沱江泛舟、南方长城 旅游景区对外开放的公告</div>
					<div class="message-btn">
						2020-09-30 10:36:26
						<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/point right 1.png" alt="详情">
					</div>
				</li>
			</a>
			
			<a href="">
				<li>
					<div class="overhide flex2 notice-content">关于暂停凤凰小镇九景、奇梁洞、南方长城旅游景区对外开放的公告</div>
					<div class="message-btn">
						2020-01-08 16:56:52
						<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/point right 1.png" alt="详情">
					</div>
				</li>
			</a>
			
		</ul>
	</div>
</div>
		<div id="dynamic-box">
	<div class="notice-right">
		<div class="message-title">
			<span>景区动态</span>
			
		</div>
		<ul>
			
			<a href="dynamic-details.html?id=18">
				<li>
					
					<div class="flex1">2021-01-12 16:25:34</div>
					<div class="dynamic-content">
						<div class="overhide notice-content">定了！2021年来“神秘湘西 凤凰守年”——唤起远去的年味</div>
						<!--<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/point right 1.png" alt="详情">-->
					</div>
					
				</li>
			</a>
			
			<a href="dynamic-details.html?id=17">
				<li>
					
					<div class="flex1">2021-01-04 15:27:02</div>
					<div class="dynamic-content">
						<div class="overhide notice-content">2021，从随心所欲的旅程开始吧！</div>
						<!--<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/point right 1.png" alt="详情">-->
					</div>
					
				</li>
			</a>
			
			<a href="dynamic-details.html?id=15">
				<li>
					
					<div class="flex1">2020-09-30 11:16:45</div>
					<div class="dynamic-content">
						<div class="overhide notice-content">国庆节出游全攻略</div>
						<!--<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/point right 1.png" alt="详情">-->
					</div>
					
				</li>
			</a>
			
		</ul>
	</div>
</div>
	</div>




<div id="recommend-box">
		<ul>
			<a href="hotel.html">
				<li>
					<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/view1.png" alt="">
					<p>酒店客栈</p>
				</li>
			</a>
			<a href="meishi.html">
				<li>
					<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/view2.png" alt="">
					<p>美食一刻</p>
				</li>
			</a>
			<a href="">
				<li>
					<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/view3.png" alt="">
					<p>凤凰文创</p>
				</li>
			</a>
			<a href="lianxi.html">
				<li>
					<img src="https://xiangyuanhui.oss-cn-hangzhou.aliyuncs.com/fenghuang/view4.png" alt="">
					<p>活动服务</p>
				</li>
			</a>
		</ul>
	</div>
	
	


<div class="dropup">
  <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   <!-- Dropdown trigger-->
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dLabel">
    <li><a href="lianxi.html">联系我们</a></li>
    <li><a href="lianxi.html">意见反馈</a></li>
        <li><a href="">返回顶部</a></li>
    
    
  </ul>

</div>



	
	<iframe src="bottom.html" width="100%" height="200px"scrolling="no" frameborder="0"></iframe>	
	</body>

</html>